<!--
 * @Description: 配置管理-开关管理
 * @Author: 龙春雨
 * @Date: 2023-04-10 11:17:28
-->
<template>
  <basic-container>
    <div class="config-page">
      <el-form
        ref="form"
        style="width: 70%"
        :model="form"
        label-width="140px"
      >
        <el-form-item label="内容评论开关">
          <el-radio-group v-model="form.commentState">
            <el-radio label="1">开启评论</el-radio>
            <el-radio label="0">关闭评论</el-radio>
          </el-radio-group>
          <ul>
            <li>开启评论，则所用内容评论可见，且用户可评论所有内容</li>
            <li>关闭评论，则所用内容评论不可见，且用户不可评论所有内容</li>
          </ul>
        </el-form-item>
        <el-form-item label="前置登录开关">
          <el-radio-group v-model="form.loginState">
            <el-radio label="1">开启前置登录</el-radio>
            <el-radio label="0">关闭前置登录</el-radio>
          </el-radio-group>
          <ul>
            <li>开启前置登录，则用户在未登录情况下，不能进入到APP首页</li>
            <li>关闭前置登录，则用户在未登录情况下，可以进入APP内浏览其他内容，在必要环节才需要登录</li>
          </ul>
        </el-form-item>
      </el-form>
    </div>
  </basic-container>
</template>

<script>
export default {
  name: 'systemConfig',
  data() {
    return {
      form: {
        commentState: '1',
        loginState: '1',
      },
    };
  },
};
</script>

<style lang="scss" scoped>
.config-page {
  padding-top: 60px;
  ul {
    color: $--color-text-secondary;
  }
}
</style>
